<template>
	<div class="email_right">
				<div style="background:#eee;">
					<Card :bordered="false" class="card_prcy"  style="margin-top: 20px;">
			         	<div class="experience_jianli">
			         		<div class="email_right_set_jianli">
				            	<span class="title"></span><span class="jianli_p">简历隐私</span>
				            </div>
				            <div class="_prcy">
				            	<img src="../../../../../static/img/res_img/eye.png" 
				            		style="width: 20px;position:relative;top:5px;margin-right: 10px">
				            		简历可见度:
				            	<i-select v-model="prcy" style="width:152px">
							        <i-option v-for="item in privacy" :value="item.value">{{ item.label }}</i-option>
							    </i-select>
				            </div>
				            <div class="shield">
				            	<div style="margin-bottom: 10px;">
				            		<img src="../../../../../static/img/res_img/lock.png" style="width: 20px;position:relative;top:5px;margin-right: 10px"/>
				            		屏蔽的企业:
				            	</div>
				            	<div class="radio">
				            		<Radio-group v-model="vertical">
								        <Radio :label="0">让所有企业都能搜到我</Radio>
								        <Radio :label="1">我不想让某些企业搜索到我</Radio>
									</Radio-group>
				            	</div>
				            </div>
				            <div class="shieldCompany">
				            	<span >深圳智志高新开发有限公司</span>
				            	<span >深圳智志高新开发有限公司</span>
				            </div>
				            <div v-show="addinput">
				            	<Input v-model="shieldC" placeholder="请输入想屏蔽的企业" class="shieldC"/>
				            	<Button type="primary" class="shieldB" @click="addinputClick">保存</Button>
				            	<Button class="shieldB" @click="removeinputClick">取消</Button>
				            </div>
				            <div style="text-align: center;margin-top: 15px;"><Button type="dashed" @click="showinputClick">+添加屏蔽企业</Button></div>
			         	</div>
			        </Card>
			        <Card :bordered="false" class="card" style="display:inline-block;margin-top: 20px;">
			            <div class="credit">
			            	<p class="credit_p">我的职场信用分：<span id="credit">888</span></p>
			            	<Progress :percent="25"></Progress>
			            	<p class="credit_p_foot">已经打败 <span id="beat">666</span>的同行</p>
			            </div>
			            <div class="email_right_set_jianli">
				            <span class="title"></span><span class="jianli_p1">完善以下简历信息，提升职场信用分</span>
				        </div>
				        <div class="authentication">
				        	<div class="authentication_one">
					        	<p class="authentication_p">实名认证</p>
					        	<i-button type="primary"  class="authentication_button">去APP认证</i-button>
					        </div>
				            <div  class="authentication_one">
					        	<p class="authentication_p">电子邮箱认证</p>
					        	<i-button type="primary"  class="authentication_button">去认证</i-button>
					        </div>
					         <div class="authentication_one authentication_one1">
					        	<p class="authentication_p authentication_p2">更新工作经历</p>
					        	<p class="authentication_p authentication_p1">上次更新 : 2016-11-05</p>
					        	<i-button type="primary" class="authentication_button button1">去更新</i-button>
					        </div>
				        </div>
			        </Card>
			        
			        <div class="show_orange">
			        	<p class="show_orange_p1">昨天您的简历未被查看</p>
			        	<p class="show_orange_p2">建议购买金卡服务，提升简历曝光</p>
			        </div>
			        <div class="show">
			        	<img src="../../../../../static/img/index_img/a.png">
			        	<i-button type="primary" class="button_foot_img">立即体验</i-button>
			        </div>
			    </div>
	</div>
</template>

<script>
		export default {
    	name: 'ReUpdateR',
        data () {
            return {
            	    privacy: [
                    {
                        value: '开放简历',
                        label: '开放简历'
                    },
                    {
                        value: '隐藏简历',
                        label: '隐藏简历'
                    },
                    {
                        value: '仅猎头可见',
                        label: '仅猎头可见'
                    },
                    {
                        value: '仅企业可见',
                        label: '仅企业可见'
                    }
                ],
                prcy: '仅企业可见',
                vertical:0,
                addinput:false
            }
        },
        methods:{
        	addinputClick(){
        		this.addinput =false
           },
           removeinputClick(){
           	    this.addinput =false
           },
           showinputClick(){
           	   this.addinput =true
           }
		}
    }
		
</script>
<style>
	.shieldC{
		width: 135px;
		height: 25px;
		margin-left: 50px;
	}
	.shieldC>input{
		height: 25px;
	}
	.card_prcy{
		padding-top: 5px;
		padding-left: 15px;
		padding-right:15px;
    	display: inline-block;
	}
	._prcy{
		border-bottom: 1px dashed #CCCCCC;
		margin-top: 10px;
		padding-bottom: 8px;
		height: 55px;
	}
	.shieldCompany{
		margin-left: 50px;
	}
	.shieldCompany>span{
		color: #CCCCCC;
		font-size: 12px;
		display: inline-block;
	}
	.shieldB{
		height: 25px;
		line-height: 14px;
		padding: 2px 5px;
	}
	.credit_p{
		font-size: 18px;
		margin-bottom: 10px;
	}
	#credit{
		color: #419BFE;
	}
	.credit_p_foot{
		margin-top: 20px;
	}
	.credit>.ivu-progress{
		width: 100%;
	}
	.credit .ivu-progress-outer{
		width: 100%;
	}
	.credit{
		margin-top: 15px;
		padding-bottom: 20px;
		border-bottom: 1px dashed #CCCCCC;
	}
		.show_orange_p1{
		font-size: 15px;
	}
	.show_orange_p2{
		font-size: 16px;
	}
	.show_orange{
		width: 100%;
		height: 80px;
		border: 1px solid;
		background: #2D8CF0;
		color: #FFFFFF;
		padding-top: 20px;
		padding-left: 20px;
		margin-top: 20px;
	}
</style>